<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

    <title>Pipeline Bootstrap 4.0 Theme</title>
    <!-- load stylesheets -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400">   <!-- Google web font "Open Sans", https://fonts.google.com/ -->
    <link rel="stylesheet" href="../../font-awesome-4.6.3/css/font-awesome.min.css">           <!-- Font Awesome, http://fontawesome.io/ -->
    <link rel="stylesheet" href="../../css/bootstrap.min.css">                                 <!-- Bootstrap style, http://v4-alpha.getbootstrap.com/ -->
    <link rel="stylesheet" href="../../css/magnific-popup.css">                                <!-- Magnific pop up style, http://dimsemenov.com/plugins/magnific-popup/ -->
    <link rel="stylesheet" href="../../css/templatemo-style.css">                              <!-- Templatemo style -->


    <!-- Normalize -->

    <link rel="stylesheet" href="../../css/assets/normalize.css" type="text/css">

    <!-- Bootstrap -->

    <link href="../../css/assets/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- Font-awesome.min -->

    <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Effet -->

    <link rel="stylesheet" href="../../css/gallery/foundation.min.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="../../css/gallery/set1.css" />

    <!-- Main Style -->

    <link rel="stylesheet" href="../../css/main.css" type="text/css">

    <!-- Responsive Style -->

    <link href="../../css/responsive.css" rel="stylesheet" type="text/css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

          <![endif]-->
      </head>

      <body >

      <header id="header" class="header">
          <!-- logo -->
          <nav>
              <div class="menu-expanded">
                  <div class="nav-icon">
                      <div id="menu" class="menu"></div>
                      <p>menu</p>
                  </div>
                  <div class="cross"> <span class="linee linea1"></span> <span class="linee linea2"></span> <span class="linee linea3"></span> </div>
                  <div class="main-menu">
                      <ul>
                          <li class="active"><a href="index1.html">照片主页</a></li>
                          <li><a href="about.html">个人主页</a></li>
                          <li><a href="blog.html">登录</a></li>
                          <li><a href="contact.html">注册</a></li>
                      </ul>
                  </div>
              </div>
          </nav>
      </header>



        <div class="container-fluid">

            <section id="welcome" class="tm-content-box tm-banner margin-b-10">
                <div class="tm-banner-inner">
                    <h1 class="tm-banner-title">Aperture</h1>
                </div>                    
            </section>

            <div class="tm-body">
                <div class="tm-sidebar">
                    <nav class="tm-main-nav">
                        <ul class="tm-main-nav-ul">
                            <li class="tm-nav-item"><a href="#welcome" class="tm-nav-item-link tm-button">
                                <i class="fa fa-smile-o tm-nav-fa"></i>Welcome</a>
                            </li>
                            <!--<li class="tm-nav-item"><a href="#about" class="tm-nav-item-link tm-button">-->
                                <!--<i class="fa fa-sitemap tm-nav-fa"></i>Introduce</a>-->
                            <!--</li>-->
                            <li class="tm-nav-item"><a href="#gallery" class="tm-nav-item-link tm-button">
                                <i class="fa fa-image tm-nav-fa"></i>Other Photos</a>
                            </li>
                            <li class="tm-nav-item"><a href="#services" class="tm-nav-item-link tm-button">
                                <i class="fa fa-tasks tm-nav-fa"></i>Commit</a>
                            </li>
                            <!--<li class="tm-nav-item"><a href="#contact" class="tm-nav-item-link tm-button">-->
                                <!--<i class="fa fa-envelope-o tm-nav-fa"></i>Contact Us</a>-->
                            <!--</li>-->
                        </ul>
                    </nav>
                </div>



                <div class="tm-main-content">
                    
                    <div class="tm-content-box tm-content-box-home">                        
                        <img src="../../{{nowphoto.photopath}}" alt="Image 1" class="img-fluid tm-welcome-img">
                        <div class="tm-welcome-boxes-container">
                            <div class="tm-welcome-box">
                                <a href="#" class="tm-welcome-link tm-button">点赞</a>
                            </div>
                            <div class="tm-welcome-box">
                                <a href="#" class="tm-welcome-link tm-button">收藏</a>
                            </div>
                        </div>
                    </div>
                    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>

                    <div id="gallery" class="tm-content-box">                        
                        <div class="grid tm-gallery">
                            <li ng-repeat="p in comtypephoto">
                            <figure class="effect-bubba">
                                <img src="../../{{p.photopath}}" alt="Image 8" class="img-fluid">
                                <figcaption>
                                    <h2>Light <span>{{nowpath}}</span></h2>
                                    <p>Fusce faucibus metus in augue</p>
                                    <a href="../../images/gallery/02.jpg">View more</a>
                                </figcaption>
                            </figure>
                            </li>
                        </div>
                    </div>

                    <div id="services" class="tm-content-box tm-gray-bg tm-services">
                        <li ng-repeat="c in commitdata">
                            <p>发布者:{{c.commitid}}</p>
                            <p class="text-info bg-info">{{c.commitcontent}}</p>
                        </li>
                        <a href="index1.html" class="btn-toolbar">发布者</a>
                        </a>
                        <textarea class="clear-input" name="caption" placeholder="添加评论" ng-model="CommitConent" cols="50" rows="3" autofocus="autofocus"></textarea>
                        <a class="post disabled btn-block" href="index1.html" onclick="return false;" ng-click="addcommit()">
                            <span class="text">添加评论</span>
                        </a>
                        
                    </div>
                    <footer class="tm-footer">
                        <p class="text-xs-center">Copyright &copy; 2018 Aperture</p>
                    </footer>

                </div>
            </div>             
        </div>


      </body>
        <!-- load JS files -->

<script src="../../js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../js/assets/jquery.min.js"><\/script>')</script>
<script src="../../js/assets/plugins.js" type="text/javascript"></script>
<script src="../../js/assets/bootstrap.min.js" type="text/javascript"></script>

<script src="../../js/maps.js" type="text/javascript"></script>
<script src="../../js/custom.js" type="text/javascript"></script>
<script src="../../js/jquery.contact.js" type="text/javascript"></script>
<script src="../../js/main.js" type="text/javascript"></script>
<script src="../../js/gallery/masonry.pkgd.min.js" type="text/javascript"></script>
<script src="../../js/gallery/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="../../js/gallery/jquery.infinitescroll.min.js" type="text/javascript"></script>
<script src="../../js/gallery/main.js" type="text/javascript"></script>
<script src="../../js/jquery.nicescroll.min.js" type="text/javascript"></script>
<!-- footer -->

<script src="../../js/jquery-1.11.3.min.js"></script>             <!-- jQuery (https://jquery.com/download/) -->
<script src="../../js/tether.min.js"></script> <!-- Tether for Bootstrap (http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h) -->
<script src="../../js/jquery.magnific-popup.min.js"></script>     <!-- Magnific pop-up (http://dimsemenov.com/plugins/magnific-popup/) -->
<script src="../../js/jquery.singlePageNav.min.js"></script>      <!-- Single Page Nav (https://github.com/ChrisWojcik/single-page-nav) -->





        <!-- Templatemo scripts -->
        <script>

        function setNavbar() {
            if ($(document).scrollTop() > 160) {
                $('.tm-sidebar').addClass('sticky');
            } else {
                $('.tm-sidebar').removeClass('sticky');
            }
        }

        $(document).ready(function(){

            // Single page nav
            $('.tm-main-nav').singlePageNav({
                'currentClass' : "active",
                offset : 20
            });

            // Detect window scroll and change navbar
            setNavbar();

            $(window).scroll(function() {
              setNavbar();
            });

            // Magnific pop up
            $('.tm-gallery').magnificPopup({
              delegate: 'a', // child items selector, by clicking on it popup will open
              type: 'image',
              gallery: {enabled:true}
              // other options
            });

        });

        </script>


    </html>